* {
    padding: 0;
    margin: 0;
    list-style: none;
}

@keyframes moveDownAndBack {
    0% {
        top: 50px;
        /* 初始位置 */
    }

    33.33% {
        top: 60px;
        /* 1秒后向下移动100px */
    }

    100% {
        top: 50px;
        /* 3秒后回到原始位置 */
    }
}

.top {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
    display: flex;
    border-bottom: 2px solid #f4f4f4;
    border-radius: 5px 5px 5px 5px;
    z-index: 9999;
    .top-a {
        width: 200px;
        height: 100%;
        position: relative;
        .img2 {
            position: absolute;
            top: 20px;
            left: 25px;
        }
    }
    .top-b {
        width: 86.5%;
        height: 100%;
        display: flex;
        .top-b-a {
            width: 62.5%;
            height: 100%;
            float: left;
            ul {
                float: left;
                list-style-type: none;
                /* 移除默认的列表项标记 */
                li {
                    display: inline-block;
                    width: 100px;
                    height: 60px;
                    float: left;
                    line-height: 60px;
                    text-align: center;
                    transition: background-color 0.3s, color 0.3s;
                    /* 平滑过渡效果 */
                }
                .HQT {
                    position: absolute;
                    top: 10px;
                    left: 268px;
                }
                .bq {
                    width: 60px;
                    height: 18px;
                    background: url("https://lib.eqh5.com/eqx.layout/images/vip_corner_2.png");
                    background-size: 100% 100%;
                    position: absolute;
                    top: 2px;
                    left: 340px;
                }
                .yqh {
                    position: absolute;
                    top: 10px;
                    left: 100px;
                    width: 1300px;
                    height: 80px;
                }
                li:hover {
                    /* 划过时的背景色 */
                    color: blue;
                    /* 划过时的文字颜色 */
                }
            }
        }
        .top-b-c {
            width: 300px;
            height: 60px;
            // background: sandybrown;
            float: left;
        }
        .top-b-b {
            width: 100px;
            height: 100%; 
            margin-left: 30px;
            line-height: 60px;
            .zc {
                width: 300px;
                height: 45px;
                background: url("../../image/364ad775250a4424a5b57af1a45c7d6b.webp");
                background-size: 100% 100%;
                position: absolute;
                top: 50px;
                right: 53px;
                animation: moveDownAndBack 3s infinite; 
            }
        }
    }
}

.hidden-content {
    position: absolute;
    display: inline-block;
    display: none;
    top: 60px;
    width: 1480px;
    height: 500px;
    left: 0px;
    background: #f4f4f4;
}

.hidden-content-a {
    color: #000;
    position: absolute;
    left: 20px;
    top: 20px;
    border-radius: 10px 10px 10px 10px;
}

.hover-parent:hover .hidden-content {
    display: block;
    /* 当hover在.hover-parent上时显示 */
}

.hidden-content1 {
    position: absolute;
    display: inline-block;
    display: none;
    top: 61px;
    width: 1000px;
    height: 500px;
    right: 300px;
    background: #f4f4f4;
}

.hidden-content1 {
    color: #000;
    position: absolute;
    left: 196px;
    border-radius: 10px 10px 10px 10px;
    background: #fff;
    border: 1px solid #ccc;
}

.hover-parent1:hover .hidden-content1 {
    display: block;
    /* 当hover在.hover-parent上时显示 */
}

.hidden-content2 {
    position: absolute;
    display: inline-block;
    display: none;
    top: 60px;
    width: 1300px;
    height: 500px;
    left: 120px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px 10px 10px 10px;
}

.hidden-content-a1 {
    color: #000;
    position: absolute;
    left: 20px;
}

.hover-parent2:hover .hidden-content2 {
    display: block;
    /* 当hover在.hover-parent上时显示 */
}

.hidden-content3 {
    position: absolute;
    display: inline-block;
    display: none;
    top: 60px;
    width: 700px;
    height: 500px;
    left: 180px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px 10px 10px 10px;
}

.hidden-content-a2 {
    color: #000;
    position: absolute;
    left: 30px;
}

.hover-parent3:hover .hidden-content3 {
    display: block;
    /* 当hover在.hover-parent上时显示 */
}

.hidden-content4 {
    position: absolute;
    display: inline-block;
    display: none;
    top: 60px;
    width: 900px;
    height: 500px;
    left: 180px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px 10px 10px 10px;
}

.hidden-content-a3 {
    color: #000;
    position: absolute;
    left: 30px;
}

.hover-parent4:hover .hidden-content4 {
    display: block;
    /* 当hover在.hover-parent上时显示 */
}

.hidden-content5 {
    position: absolute;
    display: inline-block;
    display: none;
    top: 60px;
    width: 500px;
    height: 300px;
    left: 500px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px 10px 10px 10px;
}

.hidden-content-a4 {
    color: #000;
    position: absolute;
    left: 30px;
    font-size: 23px;
}
.hidden-content-a4-a {
    color: #000;
    position: absolute;
    left: 40px;
    top:40px;
    font-size: 13px;
}
.hidden-content-a5 {
    color: #000;
    position: absolute;
    left:200px;
    font-size: 23px;
}
.hidden-content-a5-a {
    color: #000;
    position: absolute;
    left: 210px;
    top:40px;
    font-size: 13px;
}
.hidden-content-a6 {
    color: #000;
    position: absolute;
    left: 380px;
    font-size: 20px;
}
.hidden-content-a6-a {
    color: #000;
    position: absolute;
    left: 400px;
    top:40px;
    font-size: 13px;
}

.hover-parent5:hover .hidden-content5 {
    display: block;
    /* 当hover在.hover-parent上时显示 */
}